<template>
    <div class="indexLayOut">
        <CarouselFigure />
        <LiveCourses />
        <CourseList typeSelection='free'> <div>免费课程</div></CourseList>
        <CourseList typeSelection='boutique'> <div>精品课程</div></CourseList>
        <CourseList typeSelection='discount'> <div>折扣课程</div></CourseList>
        <HeadlineSelection></HeadlineSelection>
        <div class="bottomQQ">
        <CustomerService ></CustomerService>
        </div>
    </div>
</template>
 <script>
 import CarouselFigure from './components/CarouselFigure.vue'
 import LiveCourses from './components/LiveCourses.vue'
 import CourseList from './components/CourseList'
 import HeadlineSelection from './components/HeadlineSelection'
 import CustomerService from './components/CustomerService'

CustomerService


 export default {
     name:"IndexLayout",
     components:{
         CarouselFigure,
         LiveCourses,
         CourseList,
         HeadlineSelection,
         CustomerService
     }
 }
 </script>
 <style scoped lang="less">
.bottomQQ{
    width:100%;
    position: fixed;
    bottom: 0;
    // left: 0;
}
.indexLayOut{
    padding-bottom: 60px;
}
 
 </style>
 

 